<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>神笔百泰</title>
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="http://v3.bootcss.com/examples/dashboard/dashboard.css">
    _include('./css/game.css?_ac=less_tag')
    _include('./css/select2.min.css?_ac=less_tag')
    _include('./css/colorPicker.css?_ac=less_tag')
    _include('./css/index.less?_ac=less_tag')
    _include('./js/colorPicker.js?_ac=req_jstag') 
    <script src="//static.adbaitai.com/game/Js/jquery.min.js"></script>
</head>
<body>
<div class="wrapper">
    <!-- nav start -->
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container-fluid">header</div>
    </nav>
    <!-- nav end -->

    <div class="container-fluid">
      <div class="row">

        <!-- slidebar start -->
        <div class="col-sm-3 col-md-2 sidebar">
          <ul class="nav nav-sidebar menu-nav-sidebar">
            <li><a href="#">游戏管理</a></li>
          </ul>
        </div>
        <!-- sidebar end -->

        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
          <form class="form-horizontal">

              <div class="J-gameInfo">
                  <h4>基本信息</h4>

                  <!-- base info start -->
                  <div class="form-group">
                      <label for="type" class="col-sm-3 control-label">游戏类型</label>
                      <div class="col-sm-8">
                          <select class="form-control J-gameType" type="type">
                              <option value="0">大转盘</option>
                              <option value="1">九宫格</option>
                          </select>
                      </div>
                  </div>

                  <div class="form-group">
                      <label for="title" class="col-sm-3 control-label">游戏标题</label>
                      <div class="col-sm-8">
                          <input type="text" class="form-control J-gameTitle" name="title" placeholder="请输入游戏标题，不超过12个字">
                      </div>
                  </div>

                  <div class="form-group">
                      <label for="perDayLimit" class="col-sm-3 control-label">次数限制</label>
                      <div class="col-sm-8">
                          <input type="text" class="form-control J-perDayLimit" name="perDayLimit" placeholder="用户可进行抽奖的次数，必填">
                      </div>
                  </div>

                  <div class="form-group">
                      <label for="sceneConfig" class="col-sm-3 control-label">场景</label>
                      <div class="col-sm-8">
                          <select class="form-control" name="sceneConfig" id="J_scene" multiple="multiple" style="width: 100%"></select>
                      </div>
                  </div>

                  <div class="form-group">
                      <label for="remark" class="col-sm-3 control-label">备注</label>
                      <div class="col-sm-8">
                          <input type="text" class="form-control J-remark" name="remark" placeholder="请输入备注，不超过12个字">
                      </div>
                  </div>

                  <div class="form-group">

                      <label for="prizeImg" class="col-sm-3 control-label">banner图片</label>
                      <div class="col-sm-8">
                          <div  class="addBannerUrlDiv">
                              <img src="" class="backImg" id="J_bannerUrl" alt="" />
                              <input type="file" name="file" class="bannerUrl" id=""/>
                              <input type="hidden" name="bannerUrl" value="" />
                          </div>
                      </div>
                  </div>

                  <!-- base info end -->

                  <h4>奖品配置<button type="button" class="btn btn-primary btn-sm ml-15" id="J_createPrize">创建奖品</button></h4>

                  <!-- prize list start  -->
                  <table class="table table-bordered">
                      <thead>
                      <tr>
                          <th>奖品ID</th>
                          <th>奖品图片</th>
                          <th>奖品标题</th>
                          <th>奖品类型</th>
                          <th>奖品数量</th>
                          <th>中奖概率</th>
                          <th>奖品权重</th>
                          <th>操作</th>
                      </tr>
                      </thead>
                      <tbody id="J_prizeList"></tbody>
                  </table>
                  <!-- prize list end -->
                  <button type="button" name="button" class="btn btn-info J-next">下一步</button>
              </div>

              <div class="J-gameConfig" style="display: none;">
                  <!-- 界面配置 start -->
                  <h4>界面配置</h4>
                  <div class="row set-game">

                      <!-- demo start  -->
                      <div class="example">
                        <iframe id="page" src="http://static.dev.adbaitai.com/egg/index.html"></iframe>
                      </div>
                      <!-- demo end -->

                      <div class="content">

                          <!-- 素材 start -->
                          <div class="config">
                              <ul class="J-configWrap config-wrap"></ul>
                          </div>
                          <!-- 素材 end -->

                          <div class="action">

                              <!-- 图片上传 -->
                              <div class="J-imgUpload img-upload" style="display: none;">
                                  <div class="upload-preview-img">
                                      <img src="http://yun.duiba.com.cn/h5/activity/turntable/rect/asset/banner.png" class="J-previewImgUpload" alt="">
                                  </div>
                                  <div class="size"><span id="J_size"></sapn></div>
                                  <div class="tip">格式为jpg、png、jpeg，图片大小不可大于1M. 下载PSD.</div>
                                  <button type="button" class="btn btn-info upload-btn show-btn">上传图片</button>
                                  <input type="file" name="file" class="game-upload-btn J-gameUploadBtn" id=""/>
                              </div>

                              <!-- 颜色配置 -->
                              <div class="J-colorPicker" style="display: none">
                                  <div id="colorContainer">
                                     <div id="picker" class="block">
                                     <div class="ui-color-picker" data-topic="picker" data-mode="HSL"></div>
                                     </div>
                                     <div id="colorSureBtn">确定</div>
                                  </div>
                              </div>

                          </div>
                      </div>
                  </div>
                  <!-- 界面配置 end -->
                  <div class="handle-btn">
                      <button type="button" class="btn btn-info J-return mr15">上一步</button>
                      <button type="button" class="btn btn-info J-submit">提交</button>
                  </div>
              </div>

          </form>
        </div>
      </div>
    </div>

    <!-- 创建、编辑奖品 start -->
    <div class="modal fade" id="J_prizeModal" tabindex="-1" role="dialog" aria-labelledby="prizeModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="J_prizeTitle"></h4>
                </div>
                <div class="modal-body" id="J_prizeBody">
                    <form class="form-horizontal">

                        <div class="form-group" style="display: none;">
                            <label for="id" class="col-sm-3 control-label">奖品ID</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" name="id" id="J_md_id" />
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="title" class="col-sm-3 control-label">奖品标题</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" name="title" id="J_md_title" />
                            </div>
                        </div>

                        <div class="form-group">

                            <label for="prizeImg" class="col-sm-3 control-label">奖品图片<span class="J_prizeSize"></span></label>
                            <div class="col-sm-8">
                                <div  class="addImgDiv">
                                    <img src="" class="backImg" id="backImg" alt="" />
                                    <input type="file" name="file" class="imageUp" id=""/>
                                    <!-- <div class="delImg" title="Delete">
                                      <span class="glyphicon glyphicon-trash"></span>
                                    </div> -->
                                    <input type="hidden" name="iconUrl" value="" />
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="rate" class="col-sm-3 control-label">中奖概率</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" name="rate" id="J_md_rate" />
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="weight" class="col-sm-3 control-label">奖品权重</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" name="weight" id="J_md_weight" />
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="num" class="col-sm-3 control-label">奖品数量</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" name="num" id="J_md_num" />
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="bizType" class="col-sm-3 control-label">奖品类型</label>
                            <div class="col-sm-8">
                                <select class="form-control" name="bizType" id="J_bizType">
                                    <option value="3">广告优惠券</option>
                                </select>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="J_prizeConfirm" data-action=""></button>
                </div>
            </div>
        </div>
    </div>
    <!-- 创建、编辑奖品 end -->
</div>
<script>
    document.domain="adbaitai.com";
</script>

<script src="https://cdn.bootcss.com/select2/4.0.3/js/select2.full.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="http://crm.adbaitai.com/ajaxfileupload.js"></script>
<!-- <script src="./js/common.js" charset="utf-8"></script>
<script src="./js/game.js" charset="utf-8"></script> -->
_include('./js/game.js?_ac=req_jstag')
_include('./js/index.js?_ac=req_jstag')
</body>
</html>